body {
    font-size: 12px;
    color: #1b1a19;
    border-top: 5px solid #322c29;
    background: #e7e7e7;
    font-family: arial, serif;
}

#top-menu {
    padding: 7px 0;
    text-align: right;
}

#top-menu ul {
    margin-right: 150px;
}

#top-menu ul li {
    display: inline;
    margin: 0 10px;
}

#top-menu ul li a {
    color: black;
    text-decoration: none;
}

#top-menu ul li a:hover {
    color: #00c0f3;
}

#header {
    background-color: white;
    padding: 50px 150px;
    overflow: auto;
}

#logo {
    background: url(background/logo.png) no-repeat;
    width: 186px;
    height: 54px;
    float: left;
}

nav {
    float: left;
    left: 370px;
    position: absolute;
    border-radius: 3px;
}

nav ul li {
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    border-radius: 3px;
    display: block;
}

nav > ul {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
    width: 100%;
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul:after {
    content: "";
    clear: both;
    display: block;
}

nav ul li {
    float: left;
}

nav ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
}

nav ul li:hover a {
    color: #fff;
}

nav ul li a {
    color: black;
    display: block;
    padding: 20px;
    text-decoration: none;
}

nav ul ul {
    background: #5f6975;
    padding: 0;
    position: absolute;
    top: 100%;
}

nav ul ul li {
    float: none;
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
}

nav ul ul li a {
    padding: 15px 40px;
    color: #fff;
}

nav ul ul li a:hover {
    background: #4b545f;
}

nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}


#right-header {
    float: right;
}

#search-btn {
    background: #00c0f3 url(buttons/icon_search.png) 50% 50% no-repeat;
    display: inline-block;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

#cart-btn {
    background: #00c0f3 url(buttons/icon_cart.png) 50% 50% no-repeat;
    display: inline-block;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

#weasel-coffee {
    background: url(background/weasel-coffee.jpg);
    background-position: -300px 0;
    border-top: 5px solid gainsboro;
    width: 100%;
    height: 321px;
}

#main {
    min-height: 500px;
}

#footer {
    background-color: #322c29;
    color: white;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: white;
}

::-webkit-scrollbar-thumb {
    background-color: #f0f0f0;
}

input[type = "submit"], input[type = "button"] {
    background-image: url(buttons/btn-bg.png);
    cursor: pointer;
    padding: 8px 5px;
    color: white;
    font-size: 18px;
    border: 1px solid #1C6C7A;
    border-radius: 1px;
}

.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagrid {
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.datagrid table td, .datagrid table th {
    padding: 10px;
}

.datagrid table td a {
    color: #00496B;
    border-left: 1px solid #E1EEF4;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.datagrid table td a:hover {
    text-decoration: underline;
}

.datagrid table .center {
    text-align: center;
}

.datagrid table .center .tool-icon {
    margin: 0 auto;
}

.datagrid table th {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F));
    background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);
    background-color: #006699;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    border-left: 1px solid #0070A8;
}

.datagrid table thead th:first-child {
    border: none;
}

.datagrid table td {
    color: #00496B;
    border-left: 1px solid #E1EEF4;
    font-size: 12px;
    font-weight: normal;
}

.datagrid table .alt td {
    background: #E1EEF4;
    color: #00496B;
}

.datagrid table td:first-child {
    border-left: none;
}

.datagrid table tbody tr:last-child td {
    border-bottom: none;
}